/* 表单相关的样式 */
@import "common.scss"; 

.form-row {
	aspect-ratio: 1200 / 40;
	display: flex;
}

.form-row-large {
	aspect-ratio: 1200 / 150;
	display: flex;
}

.form-cell {
	@extend .border;
	overflow: hidden;
	flex-shrink: 0;
	box-sizing: border-box;
}

.form-label {
	@extend .form-cell;
	@extend .flex-right;
	padding: 0 0.3%;
	@extend .font-bold;
}

.form-value {
	@extend .form-cell;
	@extend .flex-left;
	padding: 0 0.3%;
	@extend .font;
}

.form-value > input {
	height: 100%;
	width: 100%;
	@extend .font;
}

.form-value > textarea {
	height: 95%;
	width: 100%;
	@extend .font;
}

.form-select {
	@extend .form-cell;
	@extend .flex-left;
	@extend .font;
}

.form-select > select {
	height: 100%;
	width: 100%;
	border: unset;
	box-shadow: unset;
	@extend .font;
}

.form-date {
	@extend .form-cell;
	@extend .flex-left;
	@extend .font;
}

.form-date .el-input {
	width: 100%;
	height: 100%;
}

.form-date .el-input__wrapper {
	box-shadow: unset;
}

.form-date * {
	@extend .font;
}

.form-multicheck {
	@extend .form-cell;
	@extend .flex-left;
	padding: 0 0.3%;
	@extend .font;
}

.form-multicheck .uni-checkbox-input {
	height: 1em;
	width: 1em;
}

.form-multicheck .uni-checkbox-input svg {
	height: 100%;
	width: 100%;
}

.form-multicheck input {
	@extend .font;
}

.form-block {
	@extend .border;
	display: flex;
}

.form-photo {
	@extend .form-cell;
	@extend .flex-center;
	@extend .font-bold;
	flex-basis: 16.67%;
	aspect-ratio: 25 / 35;
}

.form-photoblock-rows {
	flex-basis: 83.33%;
}

.form-photoblock-row {
	aspect-ratio: 1000 / 40;
	display: flex;
}
